<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>bannerMiddle1</title>
    <link rel="stylesheet" href="../css/common.css">
    <script src="../ExternalJs/jquery-2.2.4.min.js"></script>
    <script src="../js/conmon.js"></script>
    <style>
        .background{
            width:100%;
            margin:0;
            position:absolute;
            padding-bottom:200px;
        }
        p{
            color:#666666;
            font-size: 1rem;
            line-height:55px;
            position:absolute;
            z-index:200;
            padding:0 2.67%;
            box-sizing: border-box;
            top:750px;
        }
        .mainPart{
            position: absolute;
            top: 0px;
            bottom: 0px;
            overflow-y: scroll;
            width:100%;
            -webkit-overflow-scrolling: touch;
        }
    </style>

</head>
<body>
<section class="mainPart"><img src="../images/middleBanner1bg.jpg" class="background"></section>
</body>
</html>